<!DOCTYPE html>
<!-- 
   |   Powered By Shuwon - www.shuwon.com  |
   |   Tel:028-85917677  18628176767       |
   |   E-mail:service@shuwon.com           |
            __     __       
           /  \~~~/  \    
     ,----(     ..    ) 
    /      \__     __/   
   /|         (\  |(
  ^ \   /___\  /\ |   
     |__|   |__|-" 
-->
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.shuwon.com" />
<meta name="keywords" content="艳阳春天" />
<meta name="description" content="艳阳春天" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
<title>艳阳春天</title>
<link href="style/yyct.shuwon.css" rel="stylesheet" type="text/css">
<!--[if IE 8]>
	<script src="js/html5.js"></script>	
<![endif]-->
<style>
	.homeProductGrally,.homeProductThum{ display: none;}
	
</style>
</head>
<body>
	<section class="container">
		<header id="header" class="animate">
			<h1><a href="index.html"><img src="resources/logo.jpg" width="100%" alt="艳阳春天LOGO"></a></h1>
			<nav id="nav" class="animate">
				<ul>
					<li class="first cur">
						<a href="index.html" >
							<strong>首页</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="about.html" >
							<strong>企业文化</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="news.html" >
							<strong>新闻中心</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="product.html" >
							<strong>产品中心</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="store.html" >
							<strong>门店展示</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="kitchen.html" >
							<strong>生活天地</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="hr.html" >
							<strong>人力资源</strong>
							<span></span>
						</a>
					</li>
					<li>
						<a href="member_home.html" >
							<strong>会员互动</strong>
							<span></span>
						</a>
					</li>
				</ul>
			</nav>
		</header>
		
		<section class="banner">
			<ul>
				<li style="opacity: 1;">
					<div class="t1 animate1"><img src="resources/t1.png"></div>
					<div class="t2 animate1"><img src="resources/t2.png"></div>
				</li>
				<li>
					<div class="t1 animate1"><img src="resources/t1.png"></div>
					<div class="t2 animate1"><img src="resources/t2.png"></div>
				</li>
				<li>
					<div class="t1 animate1"><img src="resources/t1.png"></div>
					<div class="t2 animate1"><img src="resources/t2.png"></div>
				</li>
				<li>
					<div class="t1 animate1"><img src="resources/t1.png"></div>
					<div class="t2 animate1"><img src="resources/t2.png"></div>
				</li>
			</ul>
			<ol>
				<li class="active animate">
					<div class="num animate">01</div>
					<div class="text animate">我和春天有个约会</div>
				</li>
				<li class="animate">
					<div class="num animate">02</div>
					<div class="text animate">我和春天有个约会</div>
				</li>
				<li class="animate">
					<div class="num animate">03</div>
					<div class="text animate">我和春天有个约会</div>
				</li>
				<li class="animate">
					<div class="num animate">04</div>
					<div class="text animate">我和春天有个约会</div>
				</li>
			</ol>
			<div class="opening animate">
	    		<div class="openingImg"><img src="resources/cover.png" height="100%"/></div>
	    	</div>
		</section>
		
		<section class="homeProduct">
			<div>
				<div class="homeProductGrally" style="display: block;">
					<ul>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
					</ul>
					<ol>
						<li class="active"></li>
						<li></li>
						<li></li>
					</ol>
					<div class="btn prev"></div>
					<div class="btn next"></div>
				</div>
				<div class="homeProductGrally">
					<ul>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
					</ul>
					<ol>
						<li class="active"></li>
						<li></li>
						<li></li>
					</ol>
					<div class="btn prev"></div>
					<div class="btn next"></div>
				</div>
				<div class="homeProductGrally">
					<ul>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
					</ul>
					<ol>
						<li class="active"></li>
						<li></li>
						<li></li>
					</ol>
					<div class="btn prev"></div>
					<div class="btn next"></div>
				</div>
				<div class="homeProductGrally">
					<ul>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
					</ul>
					<ol>
						<li class="active"></li>
						<li></li>
						<li></li>
					</ol>
					<div class="btn prev"></div>
					<div class="btn next"></div>
				</div>
				<div class="homeProductGrally">
					<ul>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
					</ul>
					<ol>
						<li class="active"></li>
						<li></li>
						<li></li>
					</ol>
					<div class="btn prev"></div>
					<div class="btn next"></div>
				</div>
				<div class="homeProductGrally">
					<ul>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
						<li><img src="images/demo1.jpg" width="100%" alt="图片名称"></li>
					</ul>
					<ol>
						<li class="active"></li>
						<li></li>
						<li></li>
					</ol>
					<div class="btn prev"></div>
					<div class="btn next"></div>
				</div>
			</div>
			<div class="homeProductTitle">
				<img src="resources/homeProductTitle.png" width="290" height="70">
				<div class="summay">专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!</div>
			</div>
			<div>
				<div class="homeProductThum active" style="display: block;">
					<div class="num">01</div>
					<div class="title">橱柜</div>
					<div class="summary">
						专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!立享免费测量，免费设计，免费报价多重优惠!
					</div>
					<a class="more" href="product.html#0">查看更多</a>
					<div class="totalPage">
						<div class="btn prev"></div>
						<div class="totalText"><span>01</span>/06</div>
						<div class="btn next"></div>
					</div>
				</div>
				<div class="homeProductThum">
					<div class="num">02</div>
					<div class="title">橱柜</div>
					<div class="summary">
						专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!立享免费测量，免费设计，免费报价多重优惠!
					</div>
					<a class="more" href="product.html#1">查看更多</a>
					<div class="totalPage">
						<div class="btn prev"></div>
						<div class="totalText"><span>02</span>/06</div>
						<div class="btn next"></div>
					</div>
				</div>
				<div class="homeProductThum">
					<div class="num">03</div>
					<div class="title">橱柜</div>
					<div class="summary">
						专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!立享免费测量，免费设计，免费报价多重优惠!
					</div>
					<a class="more" href="product.html#2">查看更多</a>
					<div class="totalPage">
						<div class="btn prev"></div>
						<div class="totalText"><span>03</span>/06</div>
						<div class="btn next"></div>
					</div>
				</div>
				<div class="homeProductThum">
					<div class="num">04</div>
					<div class="title">橱柜</div>
					<div class="summary">
						专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!立享免费测量，免费设计，免费报价多重优惠!
					</div>
					<a class="more" href="product.html#3">查看更多</a>
					<div class="totalPage">
						<div class="btn prev"></div>
						<div class="totalText"><span>04</span>/06</div>
						<div class="btn next"></div>
					</div>
				</div>
				<div class="homeProductThum">
					<div class="num">05</div>
					<div class="title">橱柜</div>
					<div class="summary">
						专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!立享免费测量，免费设计，免费报价多重优惠!
					</div>
					<a class="more" href="product.html#4">查看更多</a>
					<div class="totalPage">
						<div class="btn prev"></div>
						<div class="totalText"><span>05</span>/06</div>
						<div class="btn next"></div>
					</div>
				</div>
				<div class="homeProductThum">
					<div class="num">06</div>
					<div class="title">橱柜</div>
					<div class="summary">
						专业整体橱柜定制选艳阳春天，整体厨柜，更时尚，更坚固，更环保，值得信赖!立享免费测量，免费设计，免费报价多重优惠!
					</div>
					<a class="more" href="product.html#5">查看更多</a>
					<div class="totalPage">
						<div class="btn prev"></div>
						<div class="totalText"><span>06</span>/06</div>
						<div class="btn next"></div>
					</div>
				</div>
			</div>
			<div class="homeProductBg"></div>
		</section>
		
		<section class="homeAbout block" data-move-y="200px">
			<div class="homeVideo">
				<div class="videoLogo">
					<div class="videoBtn animate"></div>
				</div>
			</div>
			<div class="homeAboutBox">
				<div class="homeAboutRight">
					<p>成都艳阳春天科技有限公司是一家集研发、生产与销售为一体的企业。公司以全新的姿态、重资打造整体厨房旗舰航母。以个性化为宗旨、以一站式专业服务为特色。</p>
					<a href="#">查看更多</a>
				</div>
				<div class="homeAboutEwm">
					<img src="resources/ewm.png" width="110" height="110" alt="二维码">
					<p>艳阳春天官方（微信）</p>
				</div>
			</div>
		</section>
		
		<section class="homeNews">
			<div class="homeNewsLeft">
				<div class="homeNewsTitle block" data-move-y="150px"><img src="resources/homeNewsTitle.png" alt="生活天地"></div>
				<div class="homeNewsBox block" data-move-y="150px">
					<a href="#"><img src="images/demo2.jpg" width="100%" alt="生活潮流，你out了吗？" title="生活潮流，你out了吗？"></a>
					<div class="title">
						<a href="#">
							<div class="icon animate"></div>
							<div class="text animate">生活潮流，你out了吗？</div>
						</a>
					</div>
					<div class="summary">就沙水判断，目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断</div>
					<div class="iconTitle"><img src="resources/icon1.png"></div>
				</div>
				<div class="homeNewsBox block" data-move-y="150px">
					<a href="#"><img src="images/demo2.jpg" width="100%" alt="生活潮流，你out了吗？" title="生活潮流，你out了吗？"></a>
					<div class="title second">
						<a href="#">
							<div class="icon animate"></div>
							<div class="text animate">生活潮流，你out了吗？</div>
						</a>
					</div>
					<div class="summary">就沙水判断，目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断</div>
					<div class="iconTitle"><img src="resources/icon1.png"></div>
				</div>
			</div>
			<div class="homeNewsRight">
				<div class="homeNewsBox r block" data-move-y="150px">
					<a href="#"><img src="images/demo20.jpg" width="100%" alt="生活潮流，你out了吗？" title="生活潮流，你out了吗？"></a>
					<div class="title three">
						<a href="#">
							<div class="icon animate"></div>
							<div class="text animate">生活潮流，你out了吗？</div>
						</a>
					</div>
					<div class="summary">就沙水判断，目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断</div>
					<div class="iconTitle"><img src="resources/icon2.png"></div>
				</div>
				<div class="homeNewsBox r block" data-move-y="150px">
					<a href="#"><img src="images/demo30.jpg" width="100%" alt="生活潮流，你out了吗？" title="生活潮流，你out了吗？"></a>
					<div class="title four">
						<a href="#">
							<div class="icon animate"></div>
							<div class="text animate">生活潮流，你out了吗？</div>
						</a>
					</div>
					<div class="summary">就沙水判断，目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断，目前移动菜谱的市场目前移动菜谱的市场集中度已经越来越高势必是好豆菜谱就沙水判断</div>
					<div class="iconTitle"><img src="resources/icon3.png"></div>
				</div>
			</div>
		</section>
		
		<footer id="footer">
			<div class="linkBox">
				<ul>
					<li>
						<a href="#" class="tit">企业文化</a>
						<a href="#">企业简介</a>
						<a href="#">董事长致辞</a>
						<a href="#">组织架构</a>
						<a href="#">社会责任</a>
						<a href="#">宣传视频</a>
					</li>
					<li>
						<a href="#" class="tit">新闻中心</a>
						<a href="#">公司新闻</a>
						<a href="#">员工天地</a>
						<a href="#">公告通知</a>
					</li>
					<li>
						<a href="#" class="tit">产品中心</a>
						<a href="#">橱柜</a>
						<a href="#">抽油烟机</a>
						<a href="#">燃气灶</a>
						<a href="#">热水器</a>
						<a href="#">净水器</a>
						<a href="#">空气净化器</a>
					</li>
					<li>
						<a href="#" class="tit">门店展示</a>
						<a href="#">新都体验馆</a>
						<a href="#">达州体验馆</a>
						<a href="#">体验馆系列</a>
						<a href="#">自贡体验馆</a>
					</li>
					<li>
						<a href="#" class="tit">生活天地</a>
						<a href="#">美食佳肴</a>
						<a href="#">健康养生</a>
						<a href="#">旅游</a>
						<a href="#">常见问题</a>
						<a href="#">生活小常识</a>
					</li>
				</ul>
				<div class="ewmBox">
					<div class="tel">
						<p>400-8866-025</p>
						<span></span>
					</div>
					<div class="ewmBox">
						<div class="ewmList">
							<img src="resources/ewm1.png">
							<p>下载APP</p>
						</div>
						<div class="ewmList">
							<img src="resources/ewm1.png">
							<p>关注微信公众号</p>
						</div>
					</div>
				</div>
			</div>
			<div class="copy">
				<div class="copyCenter">
					<img src="resources/footerLogo.jpg" class="footerLogo">
					<a href="#" target="_blank">版权所有：© 2000-2016 SUNNY SPRING.ALL RIGHTS RESERVED</a>   <span><a href="http://www.shuwon.com/" target="_blank" class="sw">网站建设：蜀美网络</a></span>	
				</div>
			</div>
		</footer>
	</section>
	
	<div class="backTop animate"></div>
	
	<div id="lightBox">
		<div class="lightBox"></div>
		<div class="lightBoxVideo">
			<div class="videoLine"></div>
			<video controls="controls" width="800" height="450" id="myVideo">
				<source src="about.mp4" type="video/mp4" />
			</video>
			<div class="close animate"></div>
		</div>
	</div>
	
	
</body>
</html>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/jquery.smoove.js"></script>
<script src="js/yanyang.shuwon.js" id="JS" page="home"></script>
<script>
	
	$(".homeProductGrally .btn").click(function(){
		var index = $(this).siblings("ol").children("li.active").index();
		if($(this).hasClass("prev")){
			index>0?index--:index=$(this).siblings("ol").children("li").length-1;
		}else{
			index<$(this).siblings("ol").children("li").length-1?index++:index=0;
		}
		$(this).siblings("ol").children("li").eq(index).addClass("active").siblings().removeClass("active");
		$(this).siblings("ul").stop().animate({left:- 650 *index},{duration:1000,easing:'easeInOutExpo'});
	});
	
	$(".totalPage .btn").click(function(){
		var index = $(this).parents(".homeProductThum").index();
		if($(this).hasClass("prev")){
			index>0?index--:index=$(this).parents(".homeProductThum").siblings().length;
		}else{
			index<$(this).parents(".homeProductThum").siblings().length?index++:index=0;
		}
		$(".homeProductThum").eq(index).addClass("active").fadeIn().siblings().removeClass("active").hide();
		$(".homeProductGrally").eq(index).fadeIn().siblings().hide();
	})
</script>

